$(document).ready(function () {
    $('#loading_gif').hide();
    gallery();
});

function gallery(){
    var arr = [1,2,3,4,5,6,7,8,9,10,11,12];
    var b=shuffle(arr);
    $('#element-'+b[0]).delay(150).fadeIn(400,function(){
        $('#element-'+b[1]).delay(150).fadeIn(400,function(){
            $('#element-'+b[2]).delay(150).fadeIn(400,function(){
                $('#element-'+b[3]).delay(150).fadeIn(400,function(){
                    $('#element-'+b[4]).delay(150).fadeIn(400,function(){
                        $('#element-'+b[5]).delay(150).fadeIn(400,function(){
                            $('#element-'+b[6]).delay(150).fadeIn(400,function(){
                                $('#element-'+b[7]).delay(150).fadeIn(400,function(){
                                    $('#element-'+b[8]).delay(150).fadeIn(400,function(){
                                        $('#element-'+b[9]).delay(150).fadeIn(400,function(){
                                            $('#element-'+b[10]).delay(150).fadeIn(400,function(){
                                                $('#element-'+b[11]).delay(150).fadeIn(400)
                                            })
                                        })
                                    })
                                })
                            })
                        })
                    })
                })
            })
        })
    })
}
function random(min, max) {
    var range = max - min + 1;
    return Math.floor(Math.random()*range) + min;
}

function shuffle(arr) {
    var r_i; // случайный индекс
    var v; // временная переменная
    for (var i = 0; i < arr.length-1; i++) {
        /* получаем случайный индекс (кроме последнего) */
        r_i = random(0, arr.length-1);
        /* меняем местами случайный элемент массива с последним */
        v = arr[r_i];
        arr[r_i] = arr[arr.length-1];
        arr[arr.length-1] = v;
    }
    return arr;
}

function Jump(type) {
    var offset_val = parseInt($('#offset').val());
    var count = $('#count').val();

    if ((type == 0 && offset_val - 12 >= 0)
        || ( type == 1 && offset_val + 12 < count)) {

        if (type == 0) {
            $('#offset').val(parseInt($('#offset').val()) - parseInt(12));
            offset_val = offset_val - 12;
        }
        else {
            $('#offset').val(parseInt($('#offset').val()) + parseInt(12));
            offset_val = offset_val + 12;
        }

        $('#loading_gif').show();
        $.ajax({
            type: "POST",
            url: 'welcome/ajax',
            dataType: 'json',
            data: { offset: offset_val },
            success: function (data) {
                if (data != NaN) {
                    $('#gallery').empty();
                    var content = '';
                    var i=1;
                    for (var item in data) {
                        content += '<div class="element num-'+i+'" id="element-'+i+'">' +
                            '<a class="example-image-link" href="' + data[item].file_path + '" data-lightbox="example-1">' +
                            '<img class="example-image" src="' + data[item].file_path_min + '" alt="' + data[item].text + '" title="' + data[item].text + '"/>' +
                            '</a>' +
                            '</div>';
                        i++;
                    }
                    if(i!=12){
                        for (var j = (12-i)+2; j < 13; j++)
                        content += '<div class="element num-'+j+'" id="element-'+j+'"></div>';
                    }
                    $('#gallery').append(content);
                }
                $('#loading_gif').hide();
                gallery();
            }
        });
    }
}